<link rel="stylesheet" href="./css/discovery.css">
<div class="navbar navbar-fixed-top header">
    <div class="header_box">
        <span class="pageTitle">发现</span>
    </div>
</div>
<div class="transverse find-tabs">
    <div ng-class="{'cur':colligate}" ng-click="changeTabs('colligate')">
        <span>综合</span>
    </div>
    <div ng-class="{'cur':pension}" ng-click="changeTabs('pension')">
        <span>养老</span>
    </div>
    <div ng-class="{'cur':preserveHealth}" ng-click="changeTabs('preserveHealth')">
        <span>养生</span>
    </div>
    <div ng-class="{'cur':tourism}" ng-click="changeTabs('tourism')">
        <span>旅游</span>
    </div>
    <div ng-class="{'cur':intelligent}" ng-click="changeTabs('intelligent')">
        <span>智能</span>
    </div>
</div>
<div class="find-content" ng-show="colligate">
    <ul>
        <li class="article" ng-repeat="item in colligatearr" ng-class="{'onePic':item.images.length==1}" ng-click="toDetail(item.ID)">

            <div ng-show="item.images.length>2">
                <p class="article-title">{{item.title}}</p>
                <div class="row" ng-hide="item.movieImg">
                    <div class="col-xs-4 article-img" ng-repeat="littleItem in item.images track by $index">
                        <img class="img-responsive" src="{{littleItem}}" alt="">
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
            <div ng-show="item.movieImg">
                <p class="article-title">{{item.title}}</p>
                <div class="row isMovie">
                    <div class="col-xs-12">
                        <img class="img-responsive" src="{{item.movieImg}}" alt="">
                        <i class="play"></i>
                        <i class="time">{{item.movieTime}}</i>
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>


            <div class="row" ng-show="item.images.length==1">
                <div class="col-xs-5 article-img">
                    <img class="img-responsive" src="{{item.images[0]}}" alt="">
                </div>
                <div class="col-xs-7 article-detail">
                    <h4 class="title">{{item.title}}</h4>
                    <p class="subtitle">{{item.subtitle}}</p>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="find-content" ng-show="pension">
    <ul>
        <li class="article" ng-repeat="item in pensionarr" ng-class="{'onePic':item.images.length==1}" ng-click="toDetail(item.ID)">
            <div ng-show="item.images.length>2">
                <p class="article-title">{{item.title}}</p>
                <div class="row" ng-hide="item.movieImg">
                    <div class="col-xs-4 article-img" ng-repeat="littleItem in item.images track by $index">
                        <img class="img-responsive" src="{{littleItem}}" alt="">
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
            <div ng-show="item.movieImg">
                <p class="article-title">{{item.title}}</p>
                <div class="row isMovie">
                    <div class="col-xs-12">
                        <img class="img-responsive" src="{{item.movieImg}}" alt="">
                        <i class="play"></i>
                        <i class="time">{{item.movieTime}}</i>
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>


            <div class="row" ng-show="item.images.length==1">
                <div class="col-xs-5 article-img">
                    <img class="img-responsive" src="{{item.images[0]}}" alt="">
                </div>
                <div class="col-xs-7 article-detail">
                    <h4 class="title">{{item.title}}</h4>
                    <p class="subtitle">{{item.subtitle}}</p>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="find-content" ng-show="preserveHealth">
    <ul>
        <li class="article" ng-repeat="item in preserveHealtharr" ng-class="{'onePic':item.images.length==1}" ng-click="toDetail(item.ID)">

            <div ng-show="item.images.length>2">
                <p class="article-title">{{item.title}}</p>
                <div class="row" ng-hide="item.movieImg">
                    <div class="col-xs-4 article-img" ng-repeat="littleItem in item.images track by $index">
                        <img class="img-responsive" src="{{littleItem}}" alt="">
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
            <div ng-show="item.movieImg">
                <p class="article-title">{{item.title}}</p>
                <div class="row isMovie">
                    <div class="col-xs-12">
                        <img class="img-responsive" src="{{item.movieImg}}" alt="">
                        <i class="play"></i>
                        <i class="time">{{item.movieTime}}</i>
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>


            <div class="row" ng-show="item.images.length==1">
                <div class="col-xs-5 article-img">
                    <img class="img-responsive" src="{{item.images[0]}}" alt="">
                </div>
                <div class="col-xs-7 article-detail">
                    <h4 class="title">{{item.title}}</h4>
                    <p class="subtitle">{{item.subtitle}}</p>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="find-content" ng-show="tourism">
    <ul>
        <li class="article" ng-repeat="item in tourismarr" ng-class="{'onePic':item.images.length==1}" ng-click="toDetail(item.ID)">

            <div ng-show="item.images.length>2">
                <p class="article-title">{{item.title}}</p>
                <div class="row" ng-hide="item.movieImg">
                    <div class="col-xs-4 article-img" ng-repeat="littleItem in item.images track by $index">
                        <img class="img-responsive" src="{{littleItem}}" alt="">
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
            <div ng-show="item.movieImg">
                <p class="article-title">{{item.title}}</p>
                <div class="row isMovie">
                    <div class="col-xs-12">
                        <img class="img-responsive" src="{{item.movieImg}}" alt="">
                        <i class="play"></i>
                        <i class="time">{{item.movieTime}}</i>
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>


            <div class="row" ng-show="item.images.length==1">
                <div class="col-xs-5 article-img">
                    <img class="img-responsive" src="{{item.images[0]}}" alt="">
                </div>
                <div class="col-xs-7 article-detail">
                    <h4 class="title">{{item.title}}</h4>
                    <p class="subtitle">{{item.subtitle}}</p>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="find-content" ng-show="intelligent">
    <ul>
        <li class="article" ng-repeat="item in intelligentarr" ng-class="{'onePic':item.images.length==1}" ng-click="toDetail(item.ID)">

            <div ng-show="item.images.length>2">
                <p class="article-title">{{item.title}}</p>
                <div class="row" ng-hide="item.movieImg">
                    <div class="col-xs-4 article-img" ng-repeat="littleItem in item.images track by $index">
                        <img class="img-responsive" src="{{littleItem}}" alt="">
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
            <div ng-show="item.movieImg">
                <p class="article-title">{{item.title}}</p>
                <div class="row isMovie">
                    <div class="col-xs-12">
                        <img class="img-responsive" src="{{item.movieImg}}" alt="">
                        <i class="play"></i>
                        <i class="time">{{item.movieTime}}</i>
                    </div>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>


            <div class="row" ng-show="item.images.length==1">
                <div class="col-xs-5 article-img">
                    <img class="img-responsive" src="{{item.images[0]}}" alt="">
                </div>
                <div class="col-xs-7 article-detail">
                    <h4 class="title">{{item.title}}</h4>
                    <p class="subtitle">{{item.subtitle}}</p>
                </div>
                <div class="operation">
                    <span>{{item.shareNum}}条</span>
                    <img class="share-icon" src="./images/share.png" alt="">
                    <span>{{item.praiseNum}}次</span>
                    <i class="praise-icon" ng-class="{'praised':item.praised}"></i>
                </div>
            </div>
        </li>
    </ul>
</div>